@import '~styles/reset.css';
@import './var.scss';
@import '~styles/element-theme-default/theme/index.css';
@import './element-ui.scss';
@import "./mixin.scss";

body {
  background: #ebf0f5;
  color: #333;
}
pre {
  white-space: pre-wrap
}
a, a:visited {
  color: inherit;
}

img{
  vertical-align: middle;
}

.iconfont,.el-icon {
  color: #999;
}

.link { //链接颜色
  color: $link-color!important;
  cursor: pointer;
}

.small, small { //小字体
  font-size: 12px;
}

.big, big { //大字体
  font-size: 16px;
}

.weak { //辅助颜色
  color: $sub-color;
}
.tc{ //内容水平居中
  text-align:center;
}
.tr{ //内容右对齐
  text-align:right;
}
.tl{ //内容左对齐
  text-align:left;
}

.divider { //分割线
  border-bottom: 1px solid $border-color-base;
}

.space { //间距
  margin: 0px 5px;
  color: #999;
}

.content-box { //60px内容边距
  margin: 60px;
}
.el-form{
  .input-small{ //输入框小尺寸
    width:150px;
  }

  .input-middle{ //输入框中尺寸，默认宽度
    width:290px;
  }

  .input-large{ //输入框大尺寸
    width:600px;
  }

  .input-block{ //输入框满行
    width: 100%;
  }
}
.content-box{ //60边距内容
  margin: 60px;
}

.button-box { //表单操作或者按钮操作区
  text-align: center;
  margin: 40px 0 25px 0;
  >a{
    margin:0 10px;
  }
  .el-button{
    min-width: 112px;
    min-height: 40px;
  }
  .el-form-item{
    text-align: left
  }
}

.el-radio-group .el-radio { 
  min-width: 80px;
}
.el-checkbox-group{
  .el-checkbox{
     min-width: 80px;
  }
}
.form-search{
  margin-bottom: 20px;
  .el-input {
    width: 220px
  }
}

.btn-icon{
  margin:0 10px;
  color:$sub-color;
  padding: 10px 12px;
  &:hover i{
    color:$primary-color
  }
}

.editor-html-content{
  img {
    max-width: 100%;
  }
}
#nprogress{
  .bar{
    background:$primary-color;
  }
  .spinner-icon{
    border-top-color: $primary-color;
    border-left-color: $primary-color;
  }
  .peg{
    box-shadow: 0 0 10px $primary-color, 0 0 5px $primary-color;
  }
}

.center{
  text-align: center;
}